html, body, ul{
    width:100%;
    height:100%;
    padding: 0;margin: 0
    }
.container,h1{
      text-align:center;
      font:40px "myFont";
      margin-top: 75px;
      text-shadow:5px 5px 5px #2c41ff
    }
@font-face{
    font-family:myFont;
    src:url("fonts/书法.ttf")
    }
.middle{
    margin-top:20px;width:840px;
    margin:0 auto;
    text-align :center
      }


.t1{
    box-sizing:border-box;
    width:400px;
    padding:10px;
    overflow:hidden;
    float:left;
    margin-left:10px;
    list-style:none;
    line-height:30px;
}
p{
    font-size: 16px;

}
.t2{
    box-sizing:border-box;
    width:400px;
    padding:10px;
    overflow:hidden;
    float:right;
    margin-left:10px;
    list-style:none;
    line-height:30px;
    
}
h2{
     text-align :center
}
.footer{
    clear:both;
    margin-top:20px;
    text-align:center;
    margin:0 auto;
    width:800px
  }
li{
    width:200px;
    padding:10px;
    float:left;
    box-sizing:border-box;
    list-style: none
  }
  